<script setup>
import NormalPage from "vuepress-theme-hope/components/NormalPage.js";
import CommonWrapper from "vuepress-theme-hope/components/CommonWrapper.js";

import Demo from '../components/Demo.vue'
</script>

<template>
  <CommonWrapper>
    <NormalPage>
      <template #bottom>
        <div class="my-footer">This is my custom page footer</div>
      </template>
    </NormalPage>
    <template #sidebarBottom>
      <Demo></Demo>
    </template>
  </CommonWrapper>

</template>

<style lang="css">
.my-footer {
  text-align: center;
}
</style>